<template>
	<view class="uni-global-box">
		<div class="main">
			
			<div class="nav-tabs">
				<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4663587" target="_blank"
					class="nav-more">查看项目</a>
			</div>
			<div class="tab-container">
				<!-- <div class="content unicode" style="display: block;">
					<ul class="icon_lists dib-box">
						<li class="dib item" v-for="(item,index) in data"  :key="index" @click="onclick(item)" >
							<text :class="`icon iconfont ${item}`"></text>
							<div class="code-name">#{{item}};</div>
						</li>
					</ul>

				</div> -->
				<ui-icon></ui-icon>
			</div>
		</div>
	</view>
</template>

<script>
	import {icon} from "/common/tool/icon.js" 
	export default {
		data() {
			return {
				data:icon,
			}
		},
		methods: {
			onclick(){
				
			}
		}
	}
</script>

<style scoped lang="scss">
	@import url("/static/font/iconfont.css");
	@import url("@/static/font/demo.css");
	.content {
		display: flex;
		ul {
			li {
				cursor:pointer;
				display: inline-block;
				border: 1px solid $uni-bg-color-hover;
			}
		}
	}

	.nav-tabs {
		font-size: 18px;
	}

	.main .logo {
		margin-top: 0;
		height: auto;
	}

	.main .logo a {
		display: flex;
		align-items: center;
	}

	.main .logo .sub-title {
		margin-left: 0.5em;
		font-size: 22px;
		color: #fff;
		background: linear-gradient(-45deg, #3967FF, #B500FE);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.main {}
</style>